<!--Template for uploading files-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Upload content - Comics.US</title>
<link rel="stylesheet" href="../template.css" type="text/css" />

</head>
<body>
<div id="outer_container">
  <div id="inner_container">
    <div id="header_wrapper">


	     {% if logged_in %}<!--Display username if logged in-->
       <div id="login">
       		Welcome, {{username}}
       		 <form id="form1" name="form1" method="post" action="accounts/logout">
           Not you?<label <a href="accounts/logout">
            <input type="submit" name="logout" id="button" value="Log Out" width="15px" /></a>
          </label>
        </form>
      </div>  
	  {% endif %}
	</div>

    <div id="navigator_container"><!--Links on top of page-->
	  <div id="navigator"><a href="home" id="gl1" class="glink"> Home  |   </a><a href="/list/comics/1" id="gl2" class="glink" onmouseover="ehandler(event,menuitem2);"> Comics  |   </a><a href="list/fiction/1" id="gl3" class="glink" onmouseover="ehandler(event,menuitem3);"> Fictions  |   </a><a href="list/gallery/1" id="gl4" class="glink" onmouseover="ehandler(event,menuitem3);"> Gallery  |   </a><a href="list/clan/1" id="gl5" class="glink" onmouseover="ehandler(event,menuitem3);"> Clans  |   </a><a href="list/people/1" id="gl7" class="glink" onmouseover="ehandler(event,menuitem3);"> People  |   </a><a href="profile/{{username}}" id="gl6" class="glink" onmouseover="ehandler(event,menuitem3);"> Profile </a></div>


      <div id="search_container"><!--Search area-->
        <form id="form2" name="form2" method="post" action="">
          <label>
            <input type="text" name="textfield3" id="textfield3" />
          </label>
                     <label>
            <input type="submit" name="button" id="button" value="Search" width="15px" />
          </label>
        </form>
      </div>
    </div>
    <div id="listing_header_container">
      <p>Breadcrumb (remain the same for all pages)</p>
    </div>
    <div id="doc2">
    <div id="upload_area">
      
      <p>&nbsp;</p>
      <form name="form3" enctype="multipart/form-data" id="form3" method="post" action=""><!--Form to pick what is to be uploaded with radio buttons-->
        <p>
          <label>Type: 
          <input type="radio" name="type" value="comic" />
    Comics</label>
          <label>
          <input type="radio" name="type" value="fiction" />
    Fiction</label>
          <label>
          <input type="radio" name="type" value="illustration" />
    Illustration</label>
          </p>
        <p>Genre: 
          <select name="genre" size="1">
            <option value="action">action</option>
            <option value="romance">romance</option>
            <option value="sports and games">sports and games</option>
            <option value="historical drama">historical drama</option>
            <option value="comedy">comedy</option>
            <option value="fantasy">fantasy</option>
            <option value="mystery">mystery</option>
            <option value="horror">horror</option>
          </select>
          </p>
        <p>Title: 
          <input type="text" name="title" /><!--Area to describe work, which will be displayed on page-->
</p>
        <p>
          <textarea name="abstract" cols="49" rows="7">Type in the Abstract here</textarea>          
          </p>
        <p>
          <textarea name="intro" cols="49" rows="7">Type in the brief introduction of your work</textarea>
          </p>
        <p>
          <input type="file" name="pic" value="Choose file" />
          <br />
        </p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>
          <input type="submit" name="Submit2" value="submit" /><!--Button to submit input-->
</p>
      </form>
      <p>&nbsp; 
      </p>
      <p>&nbsp; 
      </p>
      <p>&nbsp;
      </p>
    </div>
    </div>
    <div id="footer_container">footer_container
    </div>
  </div>
</div>
</body>
</html>

